<meta http-equiv="X-UA-Compatible" content="IE=10" />
<meta content="text/html; charset=UTF-8; X-Content-Type-Options=nosniff" http-equiv="Content-Type" />
<style type="text/css">
    #communities_profile .members_pane_max_list_item{
        width:600px;height: 60px;
    }
    #communities_profile .members_panel_list_item_three{float:left;width: 180px; height: 60px;}
    #communities_profile .btn_grey{
        background-color: #bfbfbf!important;
    }
    #communities_profile .btn_green{
        background-color: #7bd94c!important;
    }
    #communities_profile .delete_icon{background:url("imgs/delete.png") no-repeat;}
    #communities_profile .hidetd{
        display: none;
    }
    #community_moderators_choose .k-upload-status{left:17px; top:-6px; line-height:0;}
    #community_members_choose .k-upload-status{left:17px; top:-6px; line-height:0;}
    #community_person_choosed .k-upload-status{left:17px; top:-6px; line-height:0;}
    #community_profile_win_select_image .k-button{min-width:0; width:45px; padding:0;margin:0;}
    #community_profile_win_select_image .k-upload-button{float:right;margin: 0px; min-width: 45px;}
    #community_profile_win_select_image .k-upload-button span{height:17px; line-height:17px; font-size:9px;}
    #community_profile_win_select_image .k-upload-files{clear:both; min-height:41px; padding-top:10px; display: none;}
    #community_profile_win_select_image .k-upload-files li{min-width:42px; max-width:42px; padding:0; border:none; float:left; margin-right:12px; font-size:12px; height:48px;}
    #community_profile_win_select_image .k-upload-status{left:16px; top:-3px; line-height:0;}
    #community_profile_win_select_image .k-upload-status span{background:url("imgs/delete.png") no-repeat;overflow:visible; margin-left: 11px;}
    #communities_info_edit input{border: 1px solid #D8D8D8;}
    #community_type_option_selected {border-radius: 0px!important;}
    #community_type_listbox .k-item{border-radius: 0px!important;}
    #community_edit_save_btn .k-button{padding-left: 5px;padding-right: 5px;margin-right: 5px}
    #community_edit_cancel_btn {padding-left: 5px;padding-right: 5px;margin-right: 5px}
    #communities_info_edit .font-grey{color:#A6A6A6}
    #community_moderators_choose .k-input{border: 0px;text-indent: 0px; height: 16px!important; line-height: 16px!important;}
    #community_members_choose .k-input{border: 0px;text-indent: 0px; height: 16px!important; line-height: 16px!important;}
    #communities_profile .k-multiselect-wrap li{background-color: #C3C3C3!important; height: 16px; line-height: 16px; width: auto;}
    #communities_profile .focusBorder{border: 1px solid #d8d8d8;}
    #communities_profile .k-multiselect .k-delete {
        background-position: -165px -85px;
    }
    #community_type_listbox .k-state-hover {background-color: #D9D9D9;}
    #communities_info_edit table td {
        font-size: 12px;
        padding-top: 10px;
    }
    #communities_profile li {
        list-style-type: none;
    }
    #community_members_list_table li {
        float:left;
        width:180px;
    }
    #community_moderators_list_table li {
        float:left;
        width:180px;
    }
    #community_members_choose_table li {
        float:left;
        width:180px;
    }
    #community_moderators_choose_table li {
        float:left;
        width:180px;
    }
    #communities_win_moderators_input_listbox li,
    #communities_win_members_input_listbox li
    {
        border-width: 0px;
    }
    #community_moderators_choose .k-button,
    #community_members_choose .k-button{
        cursor: default;
    }
    #community_moderators_choose .k-delete,
    #community_members_choose .k-delete{
        cursor: pointer;
    }
    #communities_profile strong{
        cursor: default;
    }
    #communities_profile .manage-delete > .k-button{
        cursor: pointer;
        width: 10px;
        height: 10px;
        margin-left: 28px;
        margin-top: 2px
    }
</style>
<script src="js/community.profile.js"></script>
<div id="communities_profile" class="wp_fz_12" style="display: none">
    <div id="communities_profile_win_body" style="display: none">
        <table id="communities_info_win_display" class="wp_pl_15 wp_mr_15" style="margin-bottom: 10px">
            <tr>
                <td  class="wp_w_50  wp_mt_10" style="vertical-align: top" rowspan="6">
                    <img id="communityLogo" src="" class="wp_w_50 wp_h_50 wp_mt_10" onerror="this.src='imgs/community40.png'" src="imgs/community40.png" />
                    <button id="communities_profile_display_upload_button" type='button' class="k-button wp_w_50 wp_h_20 wp_fz_10 wp_mt_ne4" onclick="community_profile_controller.head_portrait_button_clicked(this.innerHTML)"></button>
                </td>
            </tr>
            <tr>
                <td class="wp_w_670">
                    <div id="communities_info_show" class="wp_ml_10" style="width: 570px">
                        <div id="community_name_show" class="wp_fz_14 left" data-bind="html:CommunityName" style="max-width:500px;text-overflow:ellipsis;white-space:nowrap; overflow:hidden;"></div>
                        <div id="communities_profile_manage" class="wp_mr_10">
                            <a href="#" id="communities_profile_manage_btn"><i class="app_tools_d_10_10 wp_mt_4 wp_ml_5" title="Edit Community profile"></i></a>
                            <a href="#" id="communities_profile_rss_btn"><i class="main_common_rssGrey_10_10 wp_mt_4 wp_ml_5" title="Subscribe"></i></a>
                        </div>
                        <div id="community_type_show" class="wp_mt_5" data-bind="html:CommunityType"></div>
                        <div id="community_membersCount_show" class="wp_mt_8" data-bind="html:CommunityMembersCount"></div>
                        <div id="community_startDate_show" class="wp_mt_2" class="wp_mt_5" data-bind="html:CommunityStartDate"></div>
                        <p class="wp_mt_8">Description</p>
                        <div id="community_description_show" class="wp_mt_2 word-break" data-bind="html:CommunityDescription"></div>
                        <p class="wp_mt_8">Tags</p>
                        <div>
                            <div class="left wp_mr_5"><img src="imgs/icons/tagicon.png"></div>
                            <div id="community_pro_tags" class="wp_mt_2 word-break" data-bind="html:CommunityTags"></div>
                        </div>
                        <!--<p class="wp_mt_8">Apps</p>
                        <div id="community_appsEnabled_show" class="wp_mt_2" data-bind="html:AppsEnabled"></div>-->
                    </div>
                    <div id="communities_info_edit" class="wp_mt_10 wp_ml_10"  style="display: none;width: 560px">
                        <div id="community_id" style="display: none"></div>
                        <div id="community_status" style="display: none"></div>
                        <table>
                            <tr>
                                <td style="width: 30%">
                                    Community Name
                                    <span style="color:#ff0000">*</span>
                                </td>
                                <td style="width: 70%">
                                    <input id="community_name" class="left wp_ml_10 wp_h_20" style="width:400px" data-bind="value:CommunityName" maxlength=50>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    Community Nick Name
                                    <span style="color:#ff0000">*</span>
                                </td>
                                <td>
                                    <input id="community_nick_name" class="left wp_ml_10 wp_h_20" style="width:400px" data-bind="value:CommunityNickName" maxlength=50>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    Community Type
                                    <span style="color:#ff0000">*</span>
                                </td>
                                <td>
                                    <input id="community_type" class="left wp_ml_10 wp_h_20" style="width:80px" data-bind="value:CommunityType" maxlength=250>
                                </td>
                            </tr>
                            <tr>
                                <td>

                                </td>
                                <td>
                                    <p class="left wp_ml_10 font-grey">&lt;<i>Open</i> - Anyone can view the content, <i>Moderated</i> - Only approved members can view and post content, <i>Restricted</i> - Only invited members can view and post content&gt;</p>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    Community Description
                                    <span style="color:#ff0000">*</span>
                                </td>
                                <td>
                                    <textarea id="community_description" class="left wp_ml_10" rows="3" style="font-size:12px;resize: none; border: 1px solid #D8D8D8; color: #333;width:400px" data-bind="value:CommunityDescription"></textarea>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    Tags
                                    <span style="color:#ff0000">*</span>
                                </td>
                                <td>
                                    <input id="community_tags" class="left wp_ml_10" style="width:400px;height:20px;line-height: normal" data-bind="value:CommunityTags" maxlength=255>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                </td>
                                <td>
                                    <p class="left wp_ml_10 font-grey">&lt;Enter multiple tags separated by comma(,)&gt;</p>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    Community Date
                                </td>
                                <td>
                                    <div class="wp_ml_10">
                                    <input id="community_startdate" class="wp_w_87"  data-bind="value:CommunityStartDate" maxlength=10>
                                    -&nbsp;<input id="community_enddate"  class="wp_w_87"  data-bind="value:CommunityEndDate" maxlength=10></div>
                                </td>
                            </tr>
                            <tr>
                                <td></td>
                                <td>
                                    <button id="community_edit_save_btn" type='button' class="k-button wp_w_50 wp_h_20 right wp_fz_11" onclick="community_profile_controller.community_info_save_button_clicked();" style="margin-right: 0px!important;">Save</button>
                                    <button id="community_edit_cancel_btn" type='button' class="btn_grey wp_w_50 right wp_h_20 wp_fz_11 wp_mr_1 k-button"   onclick="">Cancel</button>
                                </td>
                            </tr>
                        </table>
                    </div>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <hr noshade="noshade" style="width: 100%; position: relative; border: 0; height: 2px; background-color: #F2F2F2;margin-top: 10px">
                </td>
            </tr>
            <tr>
                <td>
                    <div  class="wp_ml_10 wp_mt_5" style="width: 568px">
                        <div id="communities_moderator_manage" class="wp_mr_10">
                            <table class="wp_h_20">
                                <tr class="wp_h_20">
                                    <td>Moderators</td>
                                    <td><a href="#" id="communities_moderator_manage_btn"><i class="app_tools_d_10_10 wp_mt_3 wp_ml_5" title="Edit Moderator"></i></a></td>
                                    <td><button id="community_add_moderators_btn" type='button' class="btn_grey k-button wp_h_20 wp_fz_11" onclick="" style="width:auto;padding-left: 5px;padding-right: 5px;margin-left: 15px!important;margin-right: 0px!important;display: none">Add Moderators</button></td>
                                    <td><button id="community_delete_moderators_btn" type='button' class="btn_green k-button wp_h_20 wp_fz_11" onclick="" style="width:auto;padding-left: 5px;padding-right: 5px;margin-left: 0px!important;margin-right: 0px!important;display: none">Delete Moderators</button></td>
                                </tr>
                            </table>
                        </div>
                        <div id="community_moderators_list" class="wp_mt_5" style="float:left;position:relative;">
                            <div id="community_moderators_list_table" style="width: 600px">
                            </div>
                            <div id="community_moderators_list_viewMore" style="display: none;position:absolute;bottom:2px;right:0px;padding-right: 35px" class="right community_hand">
                                <p onclick="community_profile_controller.viewMore('2','community_moderators_list_collapse','community_moderators_list_table');">View More</p>
                            </div>
                            <div id="community_moderators_list_collapse" style="display: none;position:absolute;bottom:2px;right:0px;padding-right: 35px" class="right community_hand">
                                <p onclick="community_profile_controller.collapse('community_moderators_list_table','community_moderators_list_viewMore','community_moderators_list_collapse');">Collapse</p>
                            </div>
                        </div>
                        <div id="community_moderators_choose" class="wp_mt_10" style="float:left;display: none;position:relative;">
                            <div id="community_moderators_add">
                                <input id="communities_win_moderators_input" style="width: 270px;" />
                            </div>
                            <div id="community_moderators_choose_table" style="width: 600px">
                            </div>
                            <div id="community_moderators_choose_viewMore" style="display: none;position:absolute;bottom:2px;right:0px;padding-right: 35px" class="right community_hand">
                                <p onclick="community_profile_controller.viewMore('0','community_moderators_choose_collapse','community_moderators_choose_table');">View More</p>
                            </div>
                            <div id="community_moderators_choose_collapse" style="display: none;position:absolute;bottom:2px;right:0px;padding-right: 35px" class="right community_hand">
                                <p onclick="community_profile_controller.collapse('community_moderators_choose_table','community_moderators_choose_viewMore','community_moderators_choose_collapse');">Collapse</p>
                            </div>
                        </div>
                        <div id="community_addmoderators_btn" class="wp_ml_10" style="display: none">
                            <button id="community_addmoderators_add_btn" type='button' class="k-button wp_h_20 wp_fz_11 right wp_mr_10" onclick="">Add</button>
                        </div>
                        <div id="community_deletemoderators_btn" class="wp_ml_10" style="display: none">
                            <button id="community_deletemoderators_save_btn" type='button' class="k-button wp_h_20 wp_fz_11 right wp_mr_10" onclick="">Save</button>
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td>
                    <div  class="wp_ml_10 wp_mt_10" style="width: 560px">
                        <table id="communities_members_manage" class="wp_mr_10 wp_h_20">
                            <tr class="wp_h_20">
                                <td>Members</td>
                                <td><a href="#" id="communities_members_manage_btn"><i class="app_tools_d_10_10 wp_mt_3 wp_ml_5" title="Edit Member"></i></a></td>
                                <td><button id="community_add_members_btn" type='button' class="btn_grey k-button wp_h_20 wp_fz_11" style="width:auto;padding-left: 5px;padding-right: 5px;display:none;margin-left: 15px!important;margin-right: 0px!important;">Add Members</button></td>
                                <td><button id="community_delete_members_btn" type='button' class="btn_green k-button wp_h_20 wp_fz_11" onclick="" style="width:auto;padding-left: 5px;padding-right: 5px;display:none;margin-right: 0px!important;margin-left: 0px!important;">Delete Members</button></td>
                                <td><input id="community_delete_members_search_input" class="wp_ml_15 wp_w_150" style="display: none"></td>
                                <td><button id="community_delete_members_search_btn" type='button' class="k-button wp_h_20 wp_fz_11" style="display: none" onclick="">Search</button></td>
                            </tr>
                        </table>
                        <table id="community_members_search_table" class="wp_mt_5" style="display:none;">
                            <tbody>
                            <tr>
                                <td>
                                    User name
                                </td>
                                <td colspan="2">
                                    <input style="width: auto">
                                </td>
                                <td>
                                    User ID
                                </td>
                                <td>
                                    <input style="width: 140px">
                                </td>
                                <td>
                                    <div>
                                        <button id="community_members_back_btn" type='button' class="k-button wp_h_20 wp_fz_11 right" onclick="" >Back</button>
                                        <button id="community_members_search_btn" type='button' class="k-button wp_h_20 wp_fz_11" onclick="" >Search</button>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    Location
                                </td>
                                <td>
                                    <input style="width: 70px">
                                </td>
                                <td>
                                    <input style="width: 70px">
                                </td>
                                <td>
                                    Position
                                </td>
                                <td>
                                    <input style="width: 140px">
                                </td>
                                <td>

                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </td>
            </tr>
            <tr>
                <td>
                    <div  class="wp_ml_10 wp_mt_5" style="width: 560px">
                        <div id="community_members_list" style="float:left;position:relative;">
                            <div id="community_members_list_table" style="width: 600px">
                            </div>
                            <div id="community_profile_list_viewMore" style="display: none;position:absolute;bottom:2px;right:0px;padding-right: 35px" class="right community_hand">
                                <p onclick="community_profile_controller.viewMore('3','community_profile_list_collapse','community_members_list_table');">View More</p>
                            </div>
                            <div id="community_profile_list_collapse" style="display: none;position:absolute;bottom:2px;right:0px;padding-right: 35px" class="right community_hand">
                                <p onclick="community_profile_controller.collapse('community_members_list_table','community_profile_list_viewMore','community_profile_list_collapse');">Collapse</p>
                            </div>
                        </div>
                        <div id="community_members_choose" style="float:left;display: none;position:relative;">
                            <div id="community_members_add">
                                <input id="communities_win_members_input" style="width: 270px;" />
                            </div>
                            <div id="community_members_choose_table" style="width: 600px">
                            </div>
                            <div id="community_profile_choose_viewMore" style="display: none;position:absolute;bottom:2px;right:0px;padding-right: 35px" class="right community_hand">
                                <p onclick="community_profile_controller.viewMore('1','community_profile_choose_collapse','community_members_choose_table');">View More</p>
                            </div>
                            <div id="community_profile_choose_collapse" style="display: none;position:absolute;bottom:2px;right:0px;padding-right: 35px" class="right community_hand">
                                <p onclick="community_profile_controller.collapse('community_members_choose_table','community_profile_choose_viewMore','community_profile_choose_collapse');">Collapse</p>
                            </div>
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td></td>
                <td>
                    <div id="community_addmembers_btn" class="wp_ml_10" style="display: none;">
                        <button id="community_addmembers_add_btn" type='button' class="k-button wp_h_20 wp_fz_11 right wp_mr_10" onclick="">Add</button>
                    </div>
                    <div id="community_deletemembers_btn" class="wp_ml_10" style="display: none;">
                        <button id="community_deletemembers_save_btn" type='button' class="k-button wp_h_20 wp_fz_11 right wp_mr_10" onclick="">Save</button>
                    </div>
                </td>
            </tr>
        </table>
    </div>
</div>
<script type="text/x-kendo-template" id="community_list_content">
    <li class="k-file" style="width: 30%;display: list-item;border-bottom-width: 0px;padding-left: 0px;line-height: 15px">
        <div class="userid" style="display: none">#:data.UserId#</div>
        <div class="pic community_hand  wp_w_50 left" >
            <img class="wp_w_50 wp_h_50" src="#:data.UserImageUrl#"  alt="" onerror="this.src='imgs/40.png'" onclick="homepageProfileWin.user_info_win_create('#: data.UserId#')">
        </div>
        <div style="float: left;margin-left: 10px;width: 100px">
            <ol>
                <li class="wp_fz_12 wp_ml_5 wp_mt_5" style="max-width:100px;text-overflow:ellipsis;white-space:nowrap; overflow:hidden;"><span class="community_hand" title="#:data.UserName#" onclick="homepageProfileWin.user_info_win_create('#: data.UserId#')">#:data.UserName#</span></li>
                <li class="wp_fz_12 wp_ml_5 text-overflow" style="width: 100px" title="#:data.JobTitle#">#:data.JobTitle#</li>
                <li class="wp_fz_12 wp_ml_5 text-overflow" style="width: 100px" title="#:data.Office#">#:data.Office#</li>
            </ol>
        </div>
    </li>
</script>
<div id="community_select_img_win_body">
    <!-- select photo -->
    <div id="community_profile_win_select_image" class="wp_mt_10 wp_ml_15 wp_mr_15">
        <input id="community_profile_win_select_file_name" type="text" class="wp_fz_12 wp_w_426 left" disabled="true" style="position:absolute;"  />
        <input type="file" name="files" id="community_profile_select_file_field" class="wp_fz_12" />
    </div>
    <div class="wp_ml_15 wp_mr_15 wp_h_40 wp_mt_45">
        <img src="" alt="" class="wp_w_40 wp_h_40" id="community_profile_win_img_show">
        <button id="com_pro_upload_btn" type='button' class="k-button wp_w_50 wp_h_20 right wp_fz_11 wp_mt_20">Upload</button>
        <button id="com_pro_upload_cancel_btn" type='button' class="btn-bf k-button wp_w_50 wp_h_20 wp_mr_20 right wp_fz_11 wp_mt_20">Cancel</button>
    </div>
</div>